import Vue from 'vue'
import VueRouter from 'vue-router'
//import HomeView from '../views/HomeView.vue'

Vue.use(VueRouter)

const routes = [{
    path: '/',
    //  redirect: "/content",
    // redirect: "/comments",
    name: 'home',
    component: () => import('../views/HomeView.vue'),
    // chilren:[
    //   {
    //     path: '/about',
    //     name: 'About',
    //     component: () => import('../views/AboutView.vue'),
    //   },
    //   {
    //     path: '/content',
    //     name: 'Content',
    //     component: () => import('../views/ContentView.vue'),
    //   },
    //   {
    //     path: '/comments',
    //     name: 'Comments',
    //     component: () => import('../views/CommentsView.vue'),
    //   },
    // ]
  },
  {
    path: '/content',
    name: 'Content',
    component: () => import('../views/ContentView.vue'),
  },
  {
    path: '/about',
    name: 'About',
    component: () => import('../views/AboutView.vue'),
  },
  {
    path: '/comments',
    name: 'Comments',
    component: () => import('../views/CommentsView.vue'),
  },
  {
    path: '/login',
    name: 'Login',
    component: () => import('../views/LoginView.vue'),
  },
  {
    path: '/detail',
    name: 'Detail',
    component: () => import('../views/MyDetail.vue'),
  },
  {
    path: '/testview',
    name: 'TestView',
    component: () => import('../views/TestView.vue'),
  },
  {
    path: '/testviewa',
    name: 'TestViewa',
    component: () => import('../views/TestViewa.vue'),
  },
]

const router = new VueRouter({
  routes
})

export default router